<template>
  <div class="my-tabbar">
    <van-tabbar
     active-color="#ff734c"
     inactive-color="#333"
     route
     >
      <van-tabbar-item to="/home" icon-prefix="icon" icon="shouye">主页</van-tabbar-item>
      <van-tabbar-item to="/cate" icon-prefix="icon" icon="fenlei">分栏</van-tabbar-item>
      <van-tabbar-item to="/cart" icon-prefix="icon" icon="gouwuche">购物车</van-tabbar-item>
      <van-tabbar-item to="/user" icon-prefix="icon" icon="profile">我的</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
export default {}
</script>

<style lang="scss" scoped>
.my-tabbar {
  ::v-deep .van-tabbar-item__icon {
    .icon {
      font-size: 22px;
    }
  }
}
</style>
